<template>
  <div id="app">
    <!-- keep-alive包裹router-view会默认缓存所有的路由组件   有一个属性值 include 定义我需要缓存的组件有哪些 -->
    <!-- <keep-alive include="home">
      <router-view />
    </keep-alive> -->

    <!-- 准备两个出口
      被keepAlive包裹的出口 当前组件的 路由信息 meta.keepAlive为true显示
      另一个消失
    -->
    <keep-alive>
      <router-view v-if="$route.meta.keepAlive"/>
    </keep-alive>
      <router-view v-if="!$route.meta.keepAlive"/>
  </div>
</template>
